@charset "utf-8";

html{font: 14px 'Microsoft Yahei';}

*{

	margin: 0;

	padding: 0;

	border:medium none;

	box-sizing:border-box;

	-moz-box-sizing:border-box; /* Firefox */

	-webkit-box-sizing:border-box; /* Safari */

}

body{

	min-width: 1200px;

	margin:0 auto;

}

a,img{border: 0;}

img{display: block;}

a{color: #333;text-decoration: none;}

a{transition: all 300ms ease-in-out;-webkit-transform: all 300ms ease-in-out;}

a:hover{text-decoration: none;}

li {list-style-type: none;}

.wrapper{width: 1200px;margin:0px auto;}

.left{float: left;}

.right{float: right;}

.clear{clear: both;}

.clear:after{display: block;content: " ";clear: both;}

h1,h2,h3,h4,h5{font-size: 100%;font-weight: normal;}

.over-flow{

    overflow: auto; 

    zoom: 1; //处理兼容性问题

}

.clearfix:after {

	content: "";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix {

	zoom:1;

}

.swiper-pagination-bullet-active{

  background: #0863b8;

}

.swiper-container {

  width: 100%;

  height: 100%;

}

.swiper-slide {

  text-align: center;

  font-size: 18px;

  background: #fff;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

}





.banner{

	width:100%;

}

.swiper-container1 img{

	width:100%;

}

.swiper-slide{

	width:100%;

}



/*toubu*/

.topbox{

	border-top: 5px solid #0863b8;

}

.toubu{

	height: 40px;

	background: #f0f0f0;

}

.toubu .t-left{

	float: left;

	line-height: 40px;

	font-size: 14px;

	color:#666;

}

.toubu .t-right{

	float: right;

	position: relative;

}

.toubu .t-right.wx a.weixin{

	position: relative;

	z-index: 3;

}

.toubu .t-right.wx a.weixin img{

	position: absolute;

	width:110px;

	top:31px;

	left:50%;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	display: none;

}

.toubu .t-right.wx a.weixin:hover img{

	display: block;

}

.t-right-fir{

	display: inline-block;

	font-size: 12px;

	color:#8e8e8e;

	line-height: 30px;

	position: relative;

}

.t-right-fir:nth-child(2){

	margin:0 18px;

}

.t-right-fir:nth-child(2):after{

	display: block;

	content:"";

	position: absolute;

	position: absolute;

	width:2px;

	height: 10px;

	background: url(../images/toubu-bg2.png) no-repeat center;

	top:50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	left:-11px;

}

.t-right-fir:hover{

	color:#fff;

}

.t-right-sec{

	display: inline-block;

	line-height: 40px;

	margin-left: 25px;

    font-size: 14px;

    color:#666;

    position: relative;

}

.t-right-sec:nth-child(1){

	background: url(../images/t1.png) no-repeat center left;



}

.t-right-sec:nth-child(1):after{

	display: block;

	content:"";

	position: absolute;

	right: -15px;

	top:50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	width:2px;

	height: 15px;

	background: #666;

}

.t-right-sec:nth-child(2){

	background: url(../images/t2.png) no-repeat center left;

}







.t-right-sec.weixin:hover{



}

.t-right .tel{

	line-height: 40px;

	font-size: 22px;

	color:#fff;

	padding-left: 28px;

	background: url(../images/tel.png) no-repeat center left;

	margin-left: 26px;

}

/*top*/

.top{

	width:1200px;

	height:130px;

	margin:0 auto;

	position: relative;

}

.top-left{

	position: absolute;

	top:50%;

	left:0px;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

}

.top-left a{

	display: block;

	width: 500px;

}

.top-right{

	position: absolute;

	right:142px;

	top:50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	z-index: 2;

	padding-left: 55px;

    background: url(../images/tel.png) no-repeat left center;

}

.right-tel,.right-text{

	float: left;

}

.right-tel img{

	margin-right:15px;

}

.right-text p:first-child{

	font: 16px 'Microsoft YaHei';

	color:#333333;

}

.right-text p:nth-child(2){

	font: 20px 'Microsoft YaHei';

	color:#015ca1;

	font-weight: 700;

}

.right-text p:nth-child(3){

	font: 20px 'Microsoft YaHei';

	color:#015ca1;

	font-weight: 700;

}

.img-wrap{

	float: left;

    margin-right: 10px;

    margin-top: 6px;

}

.wei-img-wrap{

	margin-right: 0;

	margin-left: 10px;

	position: relative;

	cursor: pointer;

}

.right-text{

	float: left;

}

.top .list{

	position: absolute;

	top:50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	right:0;

	z-index: 99;

}

.top .list ul li{

	float: left;

	position: relative;

}

.top .list ul li a{

	display: block;

	font-size: 14px;

	color:#8c8c8c;

}

.top .list ul li a img{

	margin:0 auto;

	width: 90px;

	    display: inline-block;



}

.top .list ul li:first-child{

	margin-right: 15px;

}

/*nav*/

.nav{
	width:100%;
	background: #0863b8;
}
.nav.current{
	position:fixed;
	left:0;
	top:0;
	z-index:9999;
}

.nav>.wrapper>ul>li{

	float: left;

	width:171px;

	

	position: relative;

	transition: all 300ms ease-in-out;

	-webkit-transform: all 300ms ease-in-out;

	position: relative;

}

.nav>.wrapper>ul>li>a{

	display: block;

	line-height:60px;

	position: relative;

	font-size: 14px;

	text-align: center;

	color:#fff;

}

.nav ul li a:after{

	display: block;

	content:"";

	position: absolute;

	right:0;

	top:50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	width:1px;

	height: 12px;

	background: #4594dd;

}

.nav ul li:last-child a:after{

	display: none;

}

.nav>.wrapper>ul>li:hover a{

	background:#f29709; 

}





#thyNavStyle{

	background:#f29709; 

}

#thyNavStyle p{

	color:#015ca1;

}

.nav>.wrapper>ul>li>.erji{

	position: absolute;

	top:60px;

	left:0;

	z-index: 10000;

	display: none;
}

.nav>.wrapper>ul>li:hover .erji{

	display: block;

}

.nav>.wrapper>ul>li>.erji>li{

	background: #303333;

	position: relative;

	width:133px;

	height:60px;

	line-height: 68px;

	text-align: center;

	transition: all .2s ease-in;

	-webkit-transition: all .2s ease-in;



}

.nav>.wrapper>ul>li>.erji>li>a{

	display: block;

	color:#fff;

	font-family: "Microsoft YaHei";

	font-size: 16px;

	text-align: center;

}



.nav>.wrapper>ul>li>.erji>li>.sanji{

	position: absolute;

	left:133px;

	top:0;

	display: none;

}

.nav>.wrapper>ul>li>.erji>li>.sanji>li{

	background: #303333;

	position: relative;

	width:150px;

	height:68px;

	line-height: 68px;

	text-align: center;

	transition: all .2s ease-in;

	-webkit-transition: all .2s ease-in;

}

.nav>.wrapper>ul>li>.erji>li>.sanji>li:hover{

	background-color:#c8000b; 

}

.nav>.wrapper>ul>li>.erji>li>.sanji>li>a{

	display: block;

	color:#fff;

	font-family: "Microsoft YaHei";

	font-size: 16px;

	text-align: center;

}

.nav>.wrapper>ul>li>.erji>li:hover{

	background-color:#c8000b; 

}

.nav>.wrapper>ul>li>.erji>li:hover .sanji{

	display: block!important;

}



.guanjianci{

	position: relative;

    z-index: 5;

    margin-top: -20px;

	

}

.guanjianci .wrapper{

	height: 135px;

	background:url(../images/search-bg.jpg) no-repeat center;

}

.guanjianci .sousuo{

	float:right;

	margin-top: 10px;

    margin-right: 65px;



}

.search {

    width:465px;

    height: 40px;

    text-indent: 8px;

    outline: none;

    background: #ebebeb;

    border-radius: 20px;

    color:#666;

    font-size:14px;

    float: left;

}

.sousuotijiao {

    width: 88px;

    height: 38px;

    background: url("../images/f-sou.png") no-repeat center;

    cursor: pointer;

    outline: none;

    float: right;

   margin-left: -88px;

    z-index: 4;

    position: relative;

}

::-webkit-input-placeholder { /* WebKit browsers */

    color:#666;

    font-size:14px;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

  	color:#666;

    font-size:14px;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

    color:#666;

    font-size:14px;

}

:-ms-input-placeholder { /* Internet Explorer 10+ */

    color:#666;

    font-size:14px;

}

.guanjianci ul{

	margin: 20px 0;

}

.guanjianci ul li{

	float:left;

	font-size:14px;

	color:#2f2f2f;

	font-weight: 700;

	padding-right:15px;

}

.guanjianci ul li a{

	display:block;

	font-size:14px;

	color:#666;

	font-weight: 500;

}

.titlebox .fir{

	text-align: center;

	font-size: 30px;

	color:#333;

	letter-spacing: 2px;

	margin-bottom: 20px;

	background: url("../images/title-bg.png") no-repeat center;

}



.titlebox .sec{

	width:340px;

	margin:0 auto;

	text-align: center;

	font-size: 14px;

	color:#999;

	letter-spacing: 1px;

	margin-bottom: 20px;

	text-transform: uppercase;

}

.titlebox{

	

	margin-bottom: 40px;

}





/*product*/

.chanping{

	padding:60px 0;

}

.chanping .wrapper{



}

.chanping-left{

	width: 264px;

	float: left;

}

.chanping-left .topbox{

	padding-top:15px;

	width:264px;

	height: 81px;

	background: url(../images/list-top.png) no-repeat center;

	border-top: none;

}

.chanping-left .topbox p:first-child{

	font-size: 24px;

	color:#fff;

	text-align: center;



}

.chanping-left .topbox p:last-child{

	font-size: 14px;

	color:#fff;

	text-align: center;

	text-transform: uppercase;

}

.chanping-left .ulBox{

	background: #fff;

	border:1px solid #c9c9c9;

	width: 236px;

    margin: 0 auto;

	background-size: auto 100%;

}

.ulBox .lianxiwom{

	font-weight: bold;

	font-size: 20px;

	color:#015ca1;

	text-align: center;

}

.chanping-left ul:first-child li{

	transition: all 300ms ease-in-out;

	-webkit-transform: all 1000ms ease-in-out;

}



.chanping-left .ulBox ul li a{

	font-size: 14px;

	color:#666;

	display: block;

	position: relative;

	line-height: 45px;

	padding-left:20px;

	border-bottom: 1px dashed #e5e5e5;

	

}

.chanping-left .ulBox ul li a:hover{

	background: #f29709;

	color:#fff;

}

#click{

	background: #f29709;

	color:#fff;

}

.chanping-left .ulBox ul li a i{

	width:15px;

	height: 15px;

	background: url("../images/right-jiantou.png") no-repeat center center;

	position: absolute;

	top:50%;

	transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	right:15px;

	transition: all 300ms ease-in-out;

	-webkit-transform: all 1000ms ease-in-out;

}

.chanping-left .ulBox ul:first-child li:hover a i{

	

}

.chanping-left .ulBox ul li{

	font-size: 14px;

	color:#7f7f7f;

}

.chanping-left .pro-bottom{

	width:235px;

	height: 148px;

	background: url(../images/list-bottom.jpg) no-repeat center;

	margin:0 auto;

	margin-top: 18px;

	padding:25px 20px 0;
	
	line-height:32px;

}

.chanping-left .pro-bottom p:nth-child(1){

	font-size: 16px;

	color:#fff;

}

.chanping-left .pro-bottom p:nth-child(2){

	font-size: 18px;

	color:#fff;

	font-weight: 700;

}

.chanping-left .pro-bottom p:nth-child(3){

	font-size: 18px;

	color:#fff;

	font-weight: 700;

}

.chanping-right{

	float: right;

	width:923px;

	text-align: center;

}

.chanping-right .firp{

	width:730px;

	font-size: 24px;

	font-weight: bold;

	color:#015ca1;

	text-align: left;

}

.chanping-right .secp{

	text-align: left;

	font-size: 14px;

	color:#999;

	margin:10px 0;

}

.chanping-right .secp span{

	font-size:12px;

	color:#909090;

}

.chanprightBox{

	position: relative;

}

.chanprightBox a{

	display: block;

	color:#fff;

	background: #015ca1;

	width:170px;

	line-height: 35px;

	text-align: center;

	font-size: 14px;

	position: absolute;

	right:0;

	top:0;



}

.cha{

	position: absolute;

    top: 50%;

    left: 15px;

    transform: translateY(-50%);

}

.cpanliBox{

	margin-top:10px;

}

.cpanliBox ul li{

	transition: all 300ms ease-in-out;

	-webkit-transform: all 1000ms ease-in-out;

	float: left;

	margin-right: 17px;

	position: relative;

	border:1px solid #dcdcdc;

}



.cpanliBox ul li:nth-child(-n+3){

	margin-bottom: 33px;

}

.cpanliBox ul li a{

	display: block;

	position: relative;

	overflow: hidden;

}

.cpanliBox ul li .pic{

	width:294px;

	height: 195px;

	background: url("../images/pbg.png") no-repeat center;

	position: relative;

	overflow: hidden;

	transition: all 300ms ease-in-out;

	-webkit-transform: all 1000ms ease-in-out;

}

.cpanliBox ul li a .meng{

	position: absolute;

	width:100%;

	height: 100%;

	background:rgba(242, 151, 9,0.7) url(../images/pro-list-bg.png) no-repeat center;

	left:0;

	top:-100%;

	transition: all 300ms ease-in-out;

    -webkit-transform: all 300ms ease-in-out;

}

.cpanliBox ul li:hover a .meng{

	top:0;



}

.cpanliBox ul li a .meng img{

	margin:0 auto;

	margin-top: 61px;

}

.cpanliBox ul li a .meng  p:nth-child(1){

	font-size: 20px;

	color:#fff;

	font-weight: 700;

	letter-spacing: 1px;

	margin-top: 57px;

}

.cpanliBox ul li a .meng  p:nth-child(2){

	width:140px;

	line-height: 35px;

	text-align: center;

	font-size: 14px;

	color:#fff;

	margin:0 auto;

	margin-top: 15px;

	border:1px solid #fff;

	height: 35px;

}

.cpanliBox ul li a .pic-img{

	width: 100%;

	height: 145px;

	object-fit: contain;

}

.cpanliBox ul li .biaoti{

	position: absolute;

	width:100%;

	line-height: 40px;

	bottom:0;

	left:0;

	transition: all 300ms ease-in-out;

    -webkit-transform: all 300ms ease-in-out;

}

.cpanliBox ul li:hover .biaoti{

	opacity: 0;

}

.cpanliBox ul li .biaoti p{

	line-height: 40px;

	background: #eee;

	font-size: 14px;

	color:#666;

	transition: all 300ms ease-in-out;

	-webkit-transform: all 1000ms ease-in-out;

}

.cpanliBox ul li:hover .biaoti p{

	color:#fff;

	background: #015ca1;

}





/*about*/



.about{

	padding:60px 0 240px 0;

	/*height: 698px;*/

	background: url(../images/com-bg.jpg) no-repeat center;

}

.about .titlebox .fir{

	background: url(../images/title-bg1.png) no-repeat center;

}

.about .a-left{

	float: left;

	width:666px;

	height: 286px;

	font-size: 14px;

	color:#fff;

	line-height: 40px;

	text-align: justify;

	position: relative;

}

.about .a-left a{

	display: block;

	position: absolute;

	line-height: 40px;

	width:190px;

	font-size: 14px;

	text-align: center;

	background: #f29709;

	border:1px solid #f29709;

	bottom:0;

	right:0;

	color:#fff;

}

.about .a-left a:hover{

	color:#f29709;

	background: none;

	box-shadow: 0px 0px 5px #f29709;

}

.about .a-right{

	float: right;

	width:375px;

}

.about .a-right .a-r-list{

	width:100%;

	height: 125px;

	padding:20px;

}

.about .a-right .a-r-list:nth-child(1){

	background:#fff url(../images/a-right-1.png) no-repeat right 20px center;

}

.about .a-right .a-r-list:nth-child(2){

	margin-top: 20px;

	background:#fff url(../images/a-right-2.png) no-repeat right 20px center;

}

.about .a-right .a-r-list a{

	display: block;

}

.about .a-right .a-r-list a p.fir{

	font-size: 20px;

	color:#333;

	font-weight: 700;

}

.about .a-right .a-r-list a p.line{

	width:40px;

	height: 2px;

	background: #f29709;

	margin: 10px 0;

}

.about .a-right .a-r-list a p.thr{

	font-size: 14px;

	color:#999;

	line-height: 20px;

	width:236px;

	text-align: justify;

}



/*anli*/

.anli{

	padding:60px 0;

}

.pro-lunbo{

	position: relative;

	margin-bottom: 30px;

}

.swiper-container-pro .swiper-slide a{

	display: block;

	width:100%;

	height: 100%;

}

.swiper-container-pro .swiper-slide a .imgbox{

	width:100%;

	transition: all 300ms ease-in-out;

    -webkit-transform: all 300ms ease-in-out;

    background: url(../images/anlibg.png) no-repeat center;

    background-size: contain;

    height: 352px;

    overflow: hidden;

    padding:10px;

}

.swiper-container-pro .swiper-slide a .imgbox img{

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.swiper-button-next-pro{

	width:41px;

	height: 41px;

	background: url(../images/pro-right1.png) no-repeat center;

	transition: all 300ms ease-in-out;

    -webkit-transform: all 300ms ease-in-out;

    right:-65px;

}

.swiper-button-next-pro:hover{

	background: url(../images/pro-right1.png) no-repeat center;

}

.swiper-button-prev-pro{

	width:41px;

	height: 41px;

	background: url(../images/pro-left1.png) no-repeat center;

	transition: all 300ms ease-in-out;

    -webkit-transform: all 300ms ease-in-out;

    left:-65px;

}

.swiper-button-prev-pro:hover{

	background: url(../images/pro-left1.png) no-repeat center;

}

/*news*/

.titlebox.n p{

	background: url("../images/News-information.png") no-repeat center top;

}

.news{

	padding:54px 0;

	background:url(../images/news-bg.jpg) no-repeat center;

}

.news-left{

	float:left;

	width:590px;

	height: 410px;

}

.hbox{

	line-height:70px;

	font-size:24px;

	font-weight:700;

	color:#015ca1;

	border-bottom:1px solid #015ca1;

	background:url(../images/news-bg.png) no-repeat center;

}

.hbox a{

	display:block;

	line-height:70px;

	float:right;

	font-size:14px;

	color:#015ca1;

	font-weight:700;

}

.news-list{

	width:100%;

}

.news-list:nth-child(-n+2){

	margin-bottom: 25px;

}

.news-list .time{

	width:178px;

	height: 120px;

	overflow: hidden;

	float:left;

	border:1px solid #e5e5e5;

}

.news-list .time img{

	width:100%;

	height: 100%;

	object-fit: cover;

	transition: all 300ms ease-in-out;

    -webkit-transform: all 300ms ease-in-out;

}

.news-list:hover .time img{

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

}

.news-list .time p:nth-child(1){

	font-size:24px;

	color:#666;

	transition: all 300ms ease-in-out;

    -webkit-transform: all 300ms ease-in-out;

}

.news-list:hover .time p:nth-child(1){

	color:#015ca1;

}

.news-list .time p:nth-child(2){

	font-size:16px;

	color:#666;

	transition: all 300ms ease-in-out;

    -webkit-transform: all 300ms ease-in-out;

}

.news-list:hover .time p:nth-child(2){

	color:#015ca1;

}

.news-list .text{

	width:468px;

	height: 118px;

	float:left;

	padding:23px 30px;

	background:#fff;

	transition: all 300ms ease-in-out;

    -webkit-transform: all 300ms ease-in-out;

}

.news-list:hover .text{

	background: #f29709;

}

.news-list .text .title{

	font-size:16px;

	color:#666;

	font-weight: 700;

	transition: all 300ms ease-in-out;

    -webkit-transform: all 300ms ease-in-out;

}

.news-list:hover .text .title{

	color:#fff;

}

.news-list .text .con{

	font-size:14px;

	color:#999;

	line-height:25px;

	margin-top:5px;

	transition: all 300ms ease-in-out;

    -webkit-transform: all 300ms ease-in-out;

}

.news-list:hover .text .con{

	color:#fff;

}

.news-list .more{

	display:block;

	line-height:25px;

	width:70px;

	background:#999;

	font-size:14px;

	color:#fff;

	float:right;

	border-radius: 8px;

	text-align:center;

	transition: all 300ms ease-in-out;

    -webkit-transform: all 300ms ease-in-out;

}

.news-list:hover .more{

	background:#015ca1;

}

.news-right{

	float:right;

	width:450px;

}

.news-right .picbox{

	width:100%;

	height: 177px;

	overflow: hidden;

}

.news-right .picbox img{

	width:100%;

	height: 100%;

	object-fit: cover;

	transition: all 0.4s;

    -webkit-transform: all 0.4s;

}

.news-right:hover .picbox img{

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

}

.news-right .wenzi{

	height: 231px;

	width:100%;

	background:#fff;

}

.news-right .wenzi-list {

	width:100%;

	padding:20px;

	transition: all 0.4s;

    -webkit-transform: all 0.4s;

        height: 115px;

}

.news-right .wenzi-list:hover{

	background: #f29709;

}

.news-right .wenzi-list a{

	display: block;

}

.news-right .wenzi-list a .fir{

	font-size: 16px;

	color:#333;

	font-weight: 700;

	margin-bottom: 10px;

	transition: all 0.4s;

    -webkit-transform: all 0.4s;

}

.news-right .wenzi-list:hover a .fir{

	color:#fff;

}

.news-right .wenzi-list a .neirong{

	font-size: 14px;

	color:#666;

	line-height: 20px;

	transition: all 0.4s;

    -webkit-transform: all 0.4s;

}

.news-right .wenzi-list:hover a .neirong{

	color:#fff;

}



/*footer*/

.footer-bar {

  width: 100%;

  overflow: hidden;

  min-width: 1200px;

  background: #0b4b87;

}

.footer-bar .f-top {

  background: #0c5395;

  width: 100%;

  height: 40px;

}

.footer-bar .f-top ul {

  width: 1200px;

  margin: 0 auto;

}

.footer-bar .f-top ul li {

  width: 171px;

  float: left;

  height: 40px;

  line-height: 40px;

  margin-bottom: 40px;

  text-align: center;

  background: url(../images/f-border.png) no-repeat right center;

}

.footer-bar .f-top ul li:last-child {

  background: none;

}

.footer-bar .f-top ul li a {

  color: #fff;

  font-size: 14px;

  display: block;

}

.footer-bar .f-top ul li a:hover{background: #0b4b87}

.footer-bar .f-tp {

  padding-bottom: 20px;

}

.footer-bar .f-tp .f-tpb .link {

  float: left;

  width: 360px;

}

.footer-bar .f-tp .f-tpb .link p {

  color: #fff;

  font-size: 14px;

  padding-left: 38px;

  margin-bottom: 15px;

  height: 28px;

  line-height: 28px;

}
.footer-bar .f-tp .f-tpb .link p a{

  color: #fff;

  font-size: 14px;

}
.footer-bar .f-tp .f-tpb .link p a:hover{

  color: #f60;

  font-size: 14px;

}

.footer-bar .f-tp .f-tpb .link p:nth-of-type(1) {

  background: url("../images/ft1.png") no-repeat left;

}

.footer-bar .f-tp .f-tpb .link p:nth-of-type(2) {

  background: url("../images/ft2.png") no-repeat left;

}

.footer-bar .f-tp .f-tpb .link p:nth-of-type(3) {

  background: url("../images/ft3.png") no-repeat left;

}

.footer-bar .f-tp .f-tpb .link p:nth-of-type(4) {

  background: url("../images/ft4.png") no-repeat left;

}

.footer-bar .f-tp .f-tpb .link p:nth-of-type(5) {

  background: url("../images/ft4.png") no-repeat left;

}

.footer-bar .f-tp .f-tpb .contact {

  float: right;

  width: 120px;

  color: #fff;

  line-height: 45px;

  margin-top: 10px;

}

.footer-bar .f-tp .f-tpb .contact > div {

	text-align: center;

	float: left;

}

.footer-bar .f-tp .f-tpb .contact > div img{

	margin:0 auto;

}

.footer-bar .f-tp .f-tpb .contact > div p {

  text-align: center;

}

.footer-bar .f-tp .f-tpb .form {

  width: 600px;

  float: left;

  position: relative;

}

.footer-bar .f-tp .f-tpb .form > p {

  color: #fff;

  float: left;

  margin-bottom: 10px;

}

.footer-bar .f-tp .f-tpb .form form > div {

  float: left;

  line-height: 34px;

}

.footer-bar .f-tp .f-tpb .form form > div div {

  float: left;

  margin-right: 38px;

}

.footer-bar .f-tp .f-tpb .form form label {

  float: left;

  color: #fff;

}

.footer-bar .f-tp .f-tpb .form form input {

  background: transparent;

  border: none;

  border-bottom: 1px solid #fff;

  width: 237px;

  outline:none;

  color:#fff;

}

.footer-bar .f-tp .f-tpb .form form input#captcha {

  width: 140px;

}

.footer-bar .f-tp .f-tpb .form form input#submit {

  width: 137px;

  background: #fff;

  text-align: center;

  height: 34px;

  line-height: 34px;

  border-bottom: none;

  margin-top: 4px;

  position: absolute;

  right: 0;

  color: #0068b7;

  cursor: pointer;

}

.footer-bar .f-tp .f-tpb .form form textarea {

  background: transparent;

  border: none;

  border-bottom: 1px solid #fff;

  width: 556px;

  height: 36px;

  line-height:35px;

  color:#fff;

  outline:none;

  resize:none;

}

.footer-bar .f-bt {

  background: #005fa7;

  overflow: hidden;

  height: 40px;

  line-height: 40px;

  font-size: 14px;

  color: #fff;

}

.last{

	width:100%;

	background: #0a457d;

	line-height:40px;

}

.last-left{

	float: left;

}

.last-left img{

	max-height: 85px;

	max-width: 85px;

}

.last-center{

	float: left;

}

.last-center ul{

	margin-top: 10px;

}

.last-center ul li{

	float:left;

	padding:5px 20px;



}

.last-center ul li a{

	display: block;

	color:#e8e8e8;

	font:12px 'Microsoft YaHei';

}

.last-center p{

	font:12px 'Microsoft YaHei';

	color:#e8e8e8;

	line-height: 40px;

}

.last-center p a{

	color:#e8e8e8;

}

.last-right{

	position: inherit;

	float: right;

}

.last-right a{

	font:12px 'Microsoft YaHei';

	color:#e8e8e8;

	line-height: 40px;

}



/*固定的悬浮窗*/

.floatbox {

	width: 192px;

	height:400px;

	background:#fff;

	right: 10px;

	top: 230px;

	position: fixed;

	border: 3px #0863b8 solid;

	z-index: 999

}

.floatbox .fl01{display: block; padding: 13px 0px;background: #0863b8;width: 100%;}

.floatbox .fl02{text-align: center;color: #0863b8;font-size: 15px;padding-top:18px;}

.floatbox .fl02 span{color: #de1805}

.floatbox .fl03{text-align: center;color: #0863b8;font-size: 15px;padding-top:6px;}

.floatbox .fl03 big{font-size: 20px;font-weight: bold;line-height:26px;}

.floatbox .fzixun{width:133px;height:40px;line-height: 40px;border-radius: 20px;color: #fff; position: absolute;background: url(../images/fl02.png) left center no-repeat #0863b8;left: 25px;top: 180px;padding-left: 56px; display: block;}

.floatbox .fzixun:hover{background:url(../images/fl02.png) left center no-repeat #de1805}

.floatbox .up {

	display: block;

	height: 35px;

	width: 35px;

	position: absolute;

	top: 0;

	right: 0;

	cursor: pointer;

	background: url(../images/close.png) center center no-repeat;

	background-size: 60% 60%;

}

.floatbox .fweixin{width:138px;height: 138px;position: absolute;left:22px;top:190px;}

.floatbox .fbox03{width:100%;height: 50px;line-height: 60px;color: #fff; text-align: center; left: 0;bottom: 0;background: url(../images/top.png) top center no-repeat #0863b8;position: absolute;}



#form1{;width:890px;margin: 0 auto;}

#form1 input[type=text]{color: #666;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;padding:12px 10px;width:49%;outline:0;border:1px solid #ddd;background:0 0;color:#666;font-size:14px;-webkit-transition:.3s 0s all ease;-moz-transition:.3s 0s all ease;-o-transition:.3s 0s all ease;transition:.3s 0s all ease;-ms-transition:.3s 0s all ease}

#form1 input[type=text]:nth-of-type(even){float:right}

#form1 textarea{color: #666;font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;padding:12px 10px;width:100%;border:1px solid #E3E2E2;font-size:14px;-webkit-transition:.3s 0s all ease;-moz-transition:.3s 0s all ease;-o-transition:.3s 0s all ease;transition:.3s 0s all ease;-ms-transition:.3s 0s all ease}

#form1 input[type=reset],#form1 input[type=submit]{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:12px 0;width:49%;outline:0;border:1px solid #999;background:0 0;-webkit-transition:.3s 0s all ease;-moz-transition:.3s 0s all ease;-o-transition:.3s 0s all ease;transition:.3s 0s all ease;-ms-transition:.3s 0s all ease}

#form1 input[type=reset]{float:right}

#form1 input[type=reset]:hover,#form1 input[type=submit]:hover{background:#4183C4;color:#fff}

#form1 input:focus,#form1 textarea:focus{border:1px solid #999;box-shadow:0 0 10px #bfbfbf}

#form1 button{width: 137px;

	background: #0068b7;

	text-align: center;

	height: 34px;

	line-height: 34px;

	margin-top: 4px;

	right: 0;

	color: #fff;

	cursor: pointer;}





/**/

.nalist{color: #fff}

.nalist div{margin-bottom: 15px}

.nalist a{font-size: 14px;color: #fff;display: inline-block;padding: 5px 0;opacity: 0.8;margin-right: 10px}

.nalist a:hover{color: #fff;text-decoration: underline}

/*新增logo*/

.logo .p1{font-size:27px;font-weight: bold;}

.logo .p2{font-size: 14px;font-weight: lighter;color: #999;margin-top: 5px;}



/*详情轮播图*/

.swiper-container-proinfo{width: 450px;float: left;height: 400px;box-sizing: border-box;border: 1px solid #ddd;}

.swiper-container-proinfo .swiper-wrapper{width: 100%;}

.fitobj{object-fit: contain;width: 100%;height: 100%;}

.pro-right{width: 420px;float: right;}

.pro-right h1{font-size: 20px;font-weight: bold;margin-top: 15px;}

.nad-clicks{font-size: 15px;color: #999;margin-top: 15px;}



.pro-right .mobile{font-size: 30px;color: #0068b7;margin-top: 15px;}



.pro-right .er{margin-top: 15px;width: 120px;text-align: center;}

.pro-right .er p{font-size: 14px;color: #666;margin-top: 3px}



/*相关产品*/

.pro-list-li li{width: 23%;float: left;margin-right: 2.6%}

.pro-list-li li:nth-child(4n){margin-right: 0;}

.pro-list-li li:nth-child(n+5){margin-top: 25px;}

.pro-list-li li a{display: block;width: 100%;}

.pro-list-li li a .i{width: 100%;height: 250px;box-sizing: border-box;border: 1px solid #eee;overflow: hidden;transition: 0.5s;-webkit-transition: 0.5s;}

.pro-list-li li a .i img{object-fit: cover;width: 100%;height: 100%;transition: 0.5s;-webkit-transition: 0.5s;}

.pro-list-li li a .t{font-size: 16px;color: #333;padding: 10px 2%;;text-align: center}



.pro-list-li li a:hover .i img{transform: scale(1.03);-webkit-transform: scale(1.03)}

/*.pro-list-li li a:hover .i{border-color: #0068b7}*/

.pro-list-li li a:hover .t{color: #0068b7}







.bhh{

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}



.news-list-li li:nth-child(1){padding-top: 0;}

.news-list-li li{padding: 10px 0;border-bottom: 0px dashed #ddd;}

.news-list-li li a{display: block;}

.news-list-li li a .p1{font-size: 20px;color: #000}

.news-list-li li a .p2{font-size: 14px;color: #666;margin-top: 5px;}



.news-list-li li a:hover .p1{color: #0068b7}





/*案例轮播居中*/

.swiper-container-cases{width: 100%;height: 500px;float: none;margin: 0 auto;}